<script setup>
import { ref,defineExpose } from 'vue'
import { setClipboard } from '@/utils/clipboard'
import { promotionshare } from '@/api'
const props = defineProps({
	shareModelVisible: Boolean
})
const emits = defineEmits(['showShareModel'])
const downloadCode = () => {
	ElMessage({ message: '下载成功', type: 'success', duration: 1500 })
}
const copyLink = () => {
	setClipboard(
		data.url
	)
}
const show=(val)=>{
console.log(val)
const valuedata = ref()
promotionshare({id:val.id}).then(res=>{
	valuedata.value=res.data
	console.log(valuedata.value)
	
})
}
defineExpose({
	show
})
</script>
<template>
	<div class="model-box">
		
	</div>
</template>
<style lang="scss" scoped>
.link-body {
	margin-top: -10px;
	.header {
		display: flex;
		align-items: center;
		width: 100%;
		height: 33px;
		padding-left: 16px;
		background-color: #effaff;
		color: rgba(0, 0, 0, 0.65);
		.icon-wrap {
			font-size: 16px;
			color: #1890ff;
		}
		.text {
			margin-left: 7px;
			font-size: 13px;
		}
	}
	.share-dialog-content {
		display: flex;
		margin-top: 24px;
		.title {
			font-size: 15px;
			font-weight: 600;
		}
		.title:before {
			content: '';
			display: inline-block;
			width: 4px;
			height: 14px;
			background-color: #1890ff;
			margin-right: 8px;
		}
		.desc {
			margin-top: 16px;
			margin-left: 12px;
			font-size: 14px;
			color: rgba(0, 0, 0, 0.65);
		}
		.qr-code {
			position: relative;
			.qr-code-img {
				width: 154px;
				height: 154px;
				margin-top: 12px;
				margin-left: 12px;
				background-color: #ddd;
			}
		}
		.qr-code:after {
			content: '';
			display: inline-block;
			position: absolute;
			left: 198px;
			top: 18px;
			width: 1px;
			height: 207px;
			background-color: #dedee0;
		}
		.promote-links {
			margin-left: 64px;
			.links-text {
				padding: 16px;
				margin-top: 12px;
				margin-left: 12px;
				width: 428px;
				height: 154px;
				border: 1px solid #d9d9d9;
				border-radius: 2px;
			}
		}
	}
	.dialog-footer {
		display: flex;
		justify-content: flex-end;
		margin-top: 32px;
	}
}
</style>
